﻿html, body {
    margin: 0px;
    padding: 0px;
    font-family:"Microsoft yahei","Hiragino Sans GB","Microsoft Yahei UI","Microsoft Yahei","微软雅黑",'Segoe UI',Tahoma,"宋体b8b\4f53",SimSun,sans-serif;
    background:#f0f0f2;
}

a {
    text-decoration: none;
    color:#333333;
}

ul, li {
    list-style: none;
    margin:0px;
    padding:0px;
}

.clr {
    clear: both;
}

.le {
    float: left;
}

.ri {
    float: right;
}
img {border:none;
}

.play {
    display:block;
}
.close {
    display:none;
}


.main {
   padding-bottom:70px;
}

/**头部header*/
.buliao_top {
	width:100%;
    height:50px;
    background:#f0f0f2;
}
.buliao_top a {
    position:absolute;
    top:0px;
    left:0px;
    display:block;
    width:50px;
    height:50px;
    background:url(../img/back_icon.png) no-repeat;
    background-position:center center;
    background-size:10px;
} 
.buliao_top .top{    
	width:100%;
	height: 50px;
    background: #1B1E23;
    color: #fff;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
}


/*产品详情*/
.product_img {
    width:95%;
    padding-top:65%;
    margin:10px 2.5%;
    background-position: center;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    background-repeat: no-repeat;
}


/*进度条*/
.lining-info-list {
    list-style: none;
    margin: 30px 0;
    height: auto;
    overflow: hidden;
}
.lining-info-left{
    float:left;
    width:49%;
    margin:0 auto;
    padding: 20px 0% 10px 1%;
}
.lining-info-left li{
    list-style: none;
    margin-bottom:10px;
}
.lining-info-left-co{
    float: left;
    width:13%;
}
.lining-info-left-co img {
    width:100%;  
}
.lining-info-left-co-r{
    float:left;
    margin-left:2%;
    width:85%;
}
.lining-info-left-co-r p{
    line-height: 16px;
    padding:0 5px;
    font-size: 12px;
    color:#000;
    margin:0px;
}
.lining-info-list.pd-15 img{
    max-width:100%;
}
.star-percent {
    position: relative;
    width: 100%;
    padding-top:0%;
    padding-bottom: 7px;
}
.star-per {
    width: 100%;
    padding-top:4%;
    background: url("../img/xx_flower2.png") no-repeat;
    background-position: 0 0%;
    background-size:100%;
    /* display:none; */
}
.star-bg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    padding-top:4%;
    background: url("../img/xx_flower1.png") no-repeat;
    background-position: 0 0%;
}

.cp_content {
    padding:10px;
}
.cp_content ul.cp_xx {
    /* margin-top:20px; */
    padding-bottom:10px;
    border-bottom:#dedcde 1px solid;   
}
.cp_content ul.cp_xx li{
    float:left;
    width:50%;
    font-size:14px;
    line-height:28px;
}
.cp_content h4 {
    font-size:14px;
    margin:20px 0;       
}
.content_img {
    
}
.content_img img {
    width:100%;
    height:auto;       
}
.text-ri{
	text-align:right;
}
.text-ri i{
	color:red;
	font-style:normal;
}



/*底部bottom*/
.bottom_buy {
    position:fixed;
    bottom:0px;
    left:0px;
    width:100%;
    height:40px;
   /*  padding:10px; */
    background:#fff;
    z-index:29;
    border-top:#dedcde 1px solid;
}
.bottom_buy .number {
    height:50px;
    margin-left:6%;
}
.buy_btn {
    height:40px;
    /* margin-bottom:10px; */
}
.cp_xx .guanzhu{
	padding-right:10px;
	font-size:18px;
	line-height:30px;
}
.buy_a{
	width:100%;
}
.buy_btn a {/* 
    float:left;
    width:40%;
    height:40px;
    margin-left:6%;
    display:block;
    border-radius:5px;
    background:#E84F41;
    color:#fff;
    text-align:center;
    line-height:40px;
     */
    float: left;
    display: block;
    width: 50%;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #ff0000;
    color: #fff;
    border-left: 1px solid #fff;
    margin-left: -1px;
}


.spinner {
    height: 25px;
    width: 112px;
    overflow: hidden;
    *zoom: 1;
    -webkit-box-shadow: 0 3px 3px -4px #aaa;
    -moz-box-shadow: 0 3px 3px -4px #aaa;
    box-shadow: 0 3px 3px -4px #aaa
}

.spinner button,.spinner .value {
    text-align: center;
    display: block;
    float: left;
    height: 100%;
    line-height: 25px;
    margin: 0
}

.spinner button {
    border: none;
    width: 23px;
    color: #e5312a;
    font: 22px Arial bold;
    padding: 0;
    outline: none
}


.spinner-sprite, .spinner .decrease, .spinner .decrease[disabled], .spinner .increase, .spinner .value, .spinner .value.passive {
    background: url('../img/spinner-s.png') no-repeat;
}
.spinner .decrease {
    background-position: 0 -50px;
    cursor: pointer;
    text-indent: -10000px
}

.spinner .decrease[disabled] {
    background-position: 0 -75px;
    cursor: default
}

.spinner .increase {
    background-position: 0 0;
    cursor: pointer;
    text-indent: -10000px
}

.spinner .value {
    background-position: 0 -100px;
    width: 64px;
    height: 27px;
    border: none;
    font-family: Arial;
    color: #333;
    padding: 0px
}

.spinner .value.passive {
    background-position: 0 -25px;
    color: #919191
}

.spinner .error,.spinner .invalid {
    background: #aa0000
}



/*秀场追踪--详情*/

.cate_header {
    width:100%;
    height:50px;
}
.cate_header .top {
    height:50px;
    background:#1B1E23;
    color:#fff;
    text-align:center;
    line-height:50px;
    font-size:16px;
}
.putong_top {
    height: 50px;
    background: #1B1E23;
}
.putong_top a {
    float:left;
    display:block;
    width:50px;
    height:50px;
    background:url(../img/back_icon.png) no-repeat;
    background-position:center center;
    background-size:10px;
}
.putong_top div {
    margin:0 auto;
    padding-right:35px;
    height: 50px;
    text-align: center;
    color: #fff;
    line-height: 50px;
}
.xcde {
    
}
.xcde .ad {
    width:100%;        
}
.xcde .ad img {
    width:100%;
}
.xczz {
    background:#f0f0f2;
}
.xczz ul {
   padding:0 1%; 
}
.xczz ul li {
   float:left;
   width:45%;
   margin:2%;
   position:relative;
   background:#fff;
   padding-bottom: 5px;
   
   padding-top:72%;
    background-position: center;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.huaxing {
    background:#f0f0f2;
}
.huaxing ul {
   padding:0 1%; 
   padding-bottom:70px;
}
.huaxing ul li {
   float:left;
   width:45%;
   margin:2%;
   position:relative;
   border:#bbbbbb 1px solid;
   background:#fff;
   padding-bottom: 5px;
}
.huaxing ul li a {
   display:block;
}
.huaxing .img_squre {
   width:100%;
   padding-top:125%;
    background-position: center;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.huaxing span {
   padding-left:10px;
   line-height:20px;
   font-size:12px;    
}
.huaxing span i {
    float:right;
    margin-right:10px;
    color:red;
    font-weight:bold;
    font-style:normal;
}


/*面料下单弹出框内容样式*/
.goumai_div{
	position:fixed; 
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(0,0,0,0.8);
	z-index:990;
	
}
.bottom_goumai{
	position:fixed;
	width:100%;
	height:356px;
	background:#fff;
	bottom:0px;
	padding-bottom:70px;
}
.bottom_close{
	position:absolute;
	top:0;
	right:15px;
	font-size:28px;
	cursor:pointer;
}
.bottom_xx{
	padding:32px 0 15px 0;
	border-bottom:#e6e6e6 1px solid;
}
.bottom_xx ul{
	padding:0px;
	margin:0px;
}
.bottom_xx ul li{
	float:left;
	width:47%;
	height:48px;
	padding-left:3%;
	color:#919191;
	font-size:12px;
	line-height:20px;
}
.bottom_xx ul li span.le1{
	color:black;
}
.bottom_xx ul li span.le2{
	color:#a652ff;
	margin-right:10px;
}
.select_color{
	padding:10px 15px;
}
.select_color h4{
	margin:0px;
	padding:0px;
	color:#919191;
	font-size:14px;
}

.color_sel{
	/* padding:0 15px; */
	height:70px;
}
.color_sel span{
	width:15px;
	height:50px;
	display:block;
	background-size:100% 50px;
	background-position:center center;
	cursor:pointer;
}
.le_arrow{
	float:left;
	background-image:url(../img/le_arrow_icon.jpg);
}
.ri_arrow{
	float:right;
	background-image:url(../img/ri_arrow_icon.jpg);
}
.sel_div{
	position:relative;
	float:left;
	width:87%;
	height:60px;
	margin-top:5px;
	overflow:hidden;
}
.sel_div ul{
	position:absolute;
	padding:0px;
	margin:0px;
	left:0;
	top:0px;
	z-index:-1;
}
.sel_div ul li {
	float:left;
	position:relative;
	width:40px;
	height:40px;
	margin:0 6px;
	cursor:pointer;
	list-style:none;
}
.sel_div ul li img {
	width:40px;
	height:40px;
}
.sel_div ul li span {
	position:absolute;
	bottom:0px;
	right:0px;	
	width:15px;
	height:15px;
	display:none;
	background:url(../img/correct_icon.png) no-repeat;
	background-size:15px 15px;
}
.sel_div ul li.on span {
	display:block;
}


.num_zong{
	padding:20px;
	color:#444444;
	font-size:14px;
	border-top:#e6e6e6 4px solid;
}
.num_zong .num{
	height:30px;
}

.sure_mai{
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:40px;
}
.sure_mai a{
	width:100%;
	height:40px;
	display:block;
	background:red;
	color:#fff;
	text-align:center;
	line-height:40px;
}



.hide {
    display:none;
}
